﻿/*
 | --------------------------------------------------------
 | File        : retinacommon.css
 | Project     : $safeprojectname$
 | Version     : 1.1 |20110126
 | Description : Public stylesheet.
 | Author      : Liu FuChang
 | Author URL  : 
 | Plugin URL  : 
 | Copyright (C) 2014-2015  Liu FuChang
 | --------------------------------------------------------
 */

@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font-family: "Microsoft YaHei"; min-width: 320px; background: #fff; overflow-x: hidden; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-user-select: none; color: #000; }
body, button, input, select, textarea { font: 400 14px/1.5 "Microsoft YaHei",hei; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* @名称: base @功能: 重设浏览器默认样式*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { color: #000; background: #eeeeee; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* 要注意表单元素并不继承父级 font 的问题 */

input, select, textarea { font-size: 100%; }

/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }

/* IE bug fixed: th 不继承 text-align*/
th { text-align: inherit; }

/* 去除默认边框 */
fieldset, img { border: 0; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }

/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }

/* 一致的 del 样式 */
del { text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }

/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
address, cite, dfn, em, var, i { font-style: normal; font-weight: 400; }
dfn { font-family: Arial; }
a { color: #000; text-decoration: none; }
    a:hover { -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; }
fieldset, img, button, input { border: 0; }
button, input, select, textarea { font-size: 100%; }
input { -webkit-appearance: none; border-radius: 0; }
:focus { outline: 0; }
.clearfix:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; line-height: 0; }
.clearfix { *zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.overflow { overflow: hidden; }
.ellips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellips_line2, .ellips_line3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.ellips_line2 { -webkit-line-clamp: 2; }
.ellips_line3 { -webkit-line-clamp: 3; }
.pos_rel { position: relative; }
.abs_size { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.opacity { opacity: .7; }
.direction_ltr::-webkit-input-placeholder, .direction_ltr::-moz-input-placeholder, .direction_ltr::-ms-input-placeholder { direction: ltr !important; text-align: left; }
html, body, .h100, #main { height: 100%; }
.mline { margin: 7px 20px 7px 0; line-height: 18px; }
button { text-align: center; }
.c_bothends { overflow: hidden; text-align: justify; text-align-last: justify; }
    .c_bothends:after { content: ''; display: inline-block; width: 100%; overflow: hidden; height: 0; }
.break_all { word-break: break-all; }
h1 { font: 600 1.286em/2 Tahoma; }
h2 { font: 600 1.143em/2 Tahoma; }
h3 { font: 600 1em/1.5 Tahoma; }
.size13 { font-size: 13px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.font18 { font: 600 18px/44px STXihei; }
.cprice, .corange { color: #ff8c00 !important; }
.cgray { color: #797979; }
.cblue, .cblue:link, .cblue:visited, .cblue:hover, .cblue:active { color: #0072c3; }
.cblue1, .cblue1:link, .cblue1:visited, .cblue1:hover, .cblue1:active { color: #1491C5; }
.cfan { color: #FB4C2E; }
.cneed { color: #E10006; }
.cpinkgray { color: #999; }
.cdarkgray { color: #333; }
.greyfont { color: #686868; }
.greyfont1 { color: #909090; }
.greyfont2 { color: #969696; }
.cwhite { color: #fff; }
.cgrey { color: #d1d1d1; }
.price, .price2 { font: 600 1.43em/2 Arial; color: #fff; }
.price1 { font-size: 1em; color: #f60; }
.price i, .price2 i { margin-right: 5px; font-size: .7em; }
.order_price i { font: 600 1.43em/2 Arial; }
.newprice { margin-left: 5px; }
    .newprice i { margin-left: 2px; font-size: 1.286em; }
.ls20 { letter-spacing: 20px; }
.no-bordertop { border-top: none !important; }

.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.ml15 { margin-left: 15px; }

.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.hm { text-align: center; }
.vm { vertical-align: middle; }
.mlr { margin: 0 10px; }
.mtb { margin: 20px 0; }
.pb85 { padding-bottom: 85px !important; }
.b60 { padding-bottom: 45px; }
.p10 { padding: 10px; }
.wrap_pb { margin-top: 48px; padding-bottom: 45px; }
.cont_wrap { margin: 48px 0 0; }
.cont_pd_wrap { margin: 48px 0 0; padding: 10px; }
.cont_box_white { padding: 10px; margin-bottom: 10px; background: #fff; }
.cont_blue, .cont_blue1 { margin-top: 48px; }
.bg_white { background-color: #fff; }
.checked, .i, .i_bef:before, .i_aft:after, .arr_r:after, .arr_down:after, .arr_up:after, .tuan_tag li:before, .mulselect_yes, #city_list li.citylistcrt:after, .fselect.current i, .delivy.s_tickets .light.current:after, .delivy.s_tickets .light:active:after, #city_list .cur-selected:after, .returnico:before, .citylist .ok_crt:after, body .cui-select-fullscreen .cui-option-selected:after, .cui-keyboard .cui-letter-x, .cui-keyboard .cui-btn-delete, .cui-fail-icon { background: url(//pic.c-ctrip.com/h5/common/comm_bg.png) no-repeat; background-size: 242px 260px; }
.checkbox { display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; border: 1px solid #ddd; background-color: #fff; }
input[type=checkbox]:checked, .checked { background-position: -190px -23.5px; }
.disable { color: #aaa !important; }

.pb50 { padding-bottom: 50px; }
.common_ads { height: 0; overflow: hidden; -webkit-transition: height .4s ease-out; transition: height .4s ease-out; }
    .common_ads img { width: 100%; }
.white { background: #fff; }
.cui-tab-mod { -webkit-border-image: url() 2 stretch; border-image: url() 2 stretch; border-width: 0; border-bottom-width: 1px; }

.touchScroll { -webkit-overflow-scrolling: touch; }
.cui_cldweek { -webkit-border-image: url() 2 stretch; border-image: url() 2 stretch; border-width: 0; border-bottom-width: 1px; }
.common_bd { padding: 10px; }
.common-mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); z-index: 970; -webkit-animation: fadeIn .3s ease-in-out; animation: fadeIn .3s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .common-mask.low { z-index: 950; }
    .common-mask.fast { -webkit-animation: none; animation: none; }
    .common-mask.white { background-color: rgba(0,0,0,0); }
.hidden_overflow { overflow: hidden !important; }

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
h1 { font: 600 1.486em/2 tahoma,arial,\5b8b\4f53; }
h2 { font: 600 1.143em/2 tahoma,arial,\5b8b\4f53; }
h3 { font: 600 1em/1.5 tahoma,arial,\5b8b\4f53; }
q:before, q:after { content: ''; }

/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.font_10 { font-size: .1rem; }
.font_12 { font-size: .12rem; }
.font_13 { font-size: .13rem; }
.font_14 { font-size: .14rem; }
.font_15 { font-size: .15rem; }
.font_16 { font-size: .16rem; }
.font_18 { font-size: .18rem; }


.inline_block { display: inline-block; }
.block { display: block; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.middle { vertical-align: middle; }
.boxsing { box-sizing: border-box; }
.maxwidth { width: 100%; }
.word_break { word-break: break-all; word-wrap: break-word; }

.border_top { border-width: 1px 0 0; }
.border_left { border-width: 0 0 0 1px; }
.border_right { border-width: 0 1px 0 0; }
.border_bottom { border-width: 0 0 1px; }
.border_none { border: none; }
.border_top_bottom { border-width: 1px 0; }
.border_top_left { border-width: 1px 0 0 1px; }
/**禁止选择*/
.notextselecte { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }
    a:link { text-decoration: none; /* 指正常的未被访问过的链接*/ }
    a:visited { text-decoration: none; /*指已经访问过的链接*/ }
    a:hover { text-decoration: none; /*指鼠标在链接*/ }
    a:active { text-decoration: none; /* 指正在点的链接*/ }
/* 清理浮动 */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide { display: none; }

/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right { display: inline; }
.fn-left { float: left; }
.fn-right { float: right; }

.cssload-container { width: 100%; height: 100%; text-align: center; }
.cssload-speeding-wheel { width: 49px; height: 49px; margin: 0 auto; border: 3px solid rgb(58, 57, 57); border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 675ms infinite linear; -o-animation: cssload-spin 675ms infinite linear; -ms-animation: cssload-spin 675ms infinite linear; -webkit-animation: cssload-spin 675ms infinite linear; -moz-animation: cssload-spin 675ms infinite linear; }

@keyframes cssload-spin {
    100% { transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

.loading_wrap { width: 65px; height: 60px; position: relative; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; background-color: rgb(232, 232, 232); border-radius: 5px; padding-top: 5px; }
.outer { position: absolute; width: 100%; height: 100%; background: url(../images/icon-spin-s.png) no-repeat; animation: spin 800ms infinite linear; }
.loading_bg { background-color: rgba(0, 0, 0, 0.7); position: fixed; z-index: 999; left: 0; top: 0; display: none; width: 100%; height: 100%; filter: alpha(opacity=50); -moz-opacity: 0.5; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes second-half-hide {
    0% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

@keyframes second-half-show {
    0% { opacity: 0; }
    50%, 100% { opacity: 1; }
}

#scrollUp { background-image: url(); cursor: pointer; bottom: 20px; right: 20px; width: 38px; /* Width of image */ height: 38px; /* Height of image */ }
    #scrollUp.Offscreen { bottom: -100px; -moz-transition-duration: 250ms; -webkit-transition-duration: 250ms; }
.vchepiso-ads { position: relative; padding-top: 10px; border-top: 1px solid #EFEBEB; }
    .vchepiso-ads:before { position: absolute; content: "广告"; top: -12px; left: 50%; background: #FFF; padding: 0px 10px; margin-left: -24px; color: #A7A7A7; font-family: "微软雅黑"; }

/* layer弹层移动版样式 */
.layermbox { position: relative; z-index: 19891014; }
.laymshade,
.layermmain { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
.laymshade { background-color: rgba(0,0,0, .5); pointer-events: auto; }
.layermmain { display: table; font-family: Helvetica, arial, sans-serif; pointer-events: none; }
    .layermmain .section { display: table-cell; vertical-align: middle; text-align: center; }
.layermchild { position: relative; display: inline-block; text-align: left; background-color: #fff; font-size: 14px; border-radius: 3px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); pointer-events: auto; }
.layermchild { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .18s; animation-duration: .18s; }
.layermborder { border: 1px solid #999; }

@-webkit-keyframes bounceIn { /* 默认 */
    0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.layermanim { animation-name: bounceIn; -webkit-animation-name: bounceIn; }

.layermbox0 .layermchild { max-width: 90%; min-width: 150px; }
.layermbox1 .layermchild { border: none; border-radius: 0; }
.layermbox2 .layermchild { width: auto; max-width: 260px; min-width: 40px; border: none; background: none; box-shadow: none; color: #fff; }
.layermchild h3 { padding: 0 45px 0 10px; height: 50px; line-height: 50px; border-bottom: 1px solid #EBEBEB; font-size: 16px; font-weight: 400; border-radius: 3px 3px 0 0; border-bottom: 1px solid #EBEBEB; }
.layermchild h3,
.layermbtn span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.layermcont { padding: 20px 15px; line-height: 22px; text-align: center; }
.layermbox1 .layermcont { padding: 0; text-align: left; }
.layermbox2 .layermcont { text-align: center; padding: 0; line-height: 0; }
    .layermbox2 .layermcont i { width: 25px; height: 25px; margin-left: 8px; display: inline-block; background-color: #fff; border-radius: 100%; }
    .layermbox2 .layermcont i { -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes bouncedelay {
    0%,80%,100% { transform: scale(0); -webkit-transform: scale(0); }
    40% { transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes bouncedelay {
    0%,80%,100% { transform: scale(0); -webkit-transform: scale(0); }
    40% { transform: scale(1); -webkit-transform: scale(1); }
}

.layermbox2 .layermcont i:first-child { margin-left: 0; -webkit-animation-delay: -.32s; animation-delay: -.32s; }
.layermbox2 .layermcont i.laymloadtwo { -webkit-animation-delay: -.16s; animation-delay: -.16s; }
.layermbox2 .layermcont > div { line-height: 22px; padding-top: 7px; margin-bottom: 20px; font-size: 14px; }
.layermbtn { position: relative; height: 40px; line-height: 40px; font-size: 0; text-align: center; border-top: 1px solid #EBEBEB; }
    .layermbtn span { position: relative; display: inline-block; width: 50%; text-align: center; font-size: 14px; cursor: pointer; border-radius: 0 3px 0 0; }
        .layermbtn span:first-child { height: 39px; background-color: #fff; border-radius: 0 0 0 3px; }
    .layermbtn:before { content: '\20'; position: absolute; width: 1px; height: 39px; left: 50%; top: 0; background-color: #EBEBEB; }
.layermend { position: absolute; right: 7px; top: 10px; width: 30px; height: 30px; border: 0; font-weight: 400; background: transparent; cursor: pointer; -webkit-appearance: none; font-size: 30px; }
    .layermend::before, .layermend::after { position: absolute; left: 5px; top: 15px; content: ''; width: 18px; height: 1px; background-color: #999; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 3px; }
    .layermend::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
